@charset "utf-8";
/* CSS Document */

/*common*/
body { font-family: "Microsoft Yahei"; min-width: 1200px;    width: 100%;}
span { overflow:hidden;}/*兼容IE8*/

/*正文开始*/
.banner a { background:url(Img/Index/banner.jpg) no-repeat center 0; height:720px; display:block}
.ship #a{ margin:0 auto;}
.c-card-masthead__summary{margin-top:-34%;margin-left: 45%; color:#fff;position: absolute;}
.c-card-masthead__summary h1{ font-size:54px;font-weight: normal;}
.c-card-masthead__subtitle{ font-size:20px;text-transform: uppercase;}

.ship{ margin:0 auto;}      
/*关于恒伟供应链*/
.gy_top { padding:48px 0 40px; text-align:center;}
.gy_top a b { font-size:36px; color:#01569b;}
.gy_top a:hover b {color:#f36f00}
.gy_top a em { background:url(Img/Index/gy_xx.png) no-repeat 0 10px; font-family:Arial; font-size:16px; color:#666; display:block; font-weight:bold; margin:10px 0 0;}

.gy_con { background:url(Img/Index/gy_conbg.gif) no-repeat; height:538px;}
.gy_con a { display:block; float:left; width:400px; height:179px; position:relative;}
.gy_con a i { display: none; position:absolute; top:0; left:0;}
.gy_con a:hover i { display:block;}
.gy_con a span { text-align:center; padding:35px 0 0; display:block;}
.gy_con a span em { display:block; font-size:18px; color:#333; padding:10px 0 0;}
.gy_con a span em b { font-size:24px; color:#f36f00;}


.qie{ height:501px !important;}
/*恒伟集团*/
.jt_bg { background:#f4f4f4; margin:50px 0 0; height:460px;}

.jt_con ul li { float:left; margin:0 30px 30px 0;}
.jt_con ul .nobor01 { margin:0 0 30px;}
.jt_con ul li a { background:url(Img/Index/hz_libg01.gif) no-repeat; width:216px; height:115px; display:block; position:relative;}
.jt_con ul li a span img { display:block; width:160px; height:98px; padding:1px 0 0 10px;}
.jt_con ul li a i { display: none; position:absolute; top:0; left:0;}
.jt_con ul li a:hover { background:url(Img/Index/hz_libg02.gif) no-repeat;}
.jt_con ul li a:hover i { display:block;}

/*产品服务*/
.fw_list { height:40px; margin-bottom:23px;}
.fw_list ul li { float:left;}
.fw_list ul li a { color:#949494; font-size:20px; background: url(Img/Index/fw_libg01.gif) no-repeat 0 bottom; display:block; width:300px; height:40px; text-align:center}
.fw_list ul li a:hover,.fw_list ul .cur a { background:url(Img/Index/fw_libg02.gif) no-repeat 0 bottom; color:#f36f00; font-weight:bold;}


.fw_con p a:hover { background:#f36f00;}
.fw_con { height:445px;}
.fw_con p { height:380px;}
.fw_con p a { display:block; float:left; width:585px; height:358px; background:#f4f4f4;}
.fw_con p a .abc{  width:585px; height:358px;}
.fw_con p a em { display:block; padding:24px 0 0 20px; font-size:18px; color:#333; position:relative; height:35px; line-height:35px;}
.fw_con p a em img { display:block; float:left; margin-right:14px;}
.fw_con p a em i { position:absolute; top:0; left:0; display:none;}
.fw_con p a span { display:block; padding:5px 20px 0; line-height:24px; font-size:14px; color:#666;}
.fw_con p .nobor01 { float:right;}

.fw_con p a:hover em img { display:none;}
.fw_con p a:hover em { padding-left:64px;}
.fw_con p a:hover em i { display:block;}
.fw_con p a:hover em i img { display:block;}
.fw_con p a:hover em,.fw_con p a:hover span { color:#fff;background:#f36f00;}

.bb{ margin-top:20px; margin-left:20px;}

.fw_qh { padding-left:570px;}
.fw_qh a { background:url(Img/Index/fw_qq01.gif) no-repeat; width:20px; height:20px; display:block; float:left; margin-right:18px;}
.fw_qh a:hover,.fw_qh .cur { background:url(Img/Index/fw_qq02.gif) no-repeat;}

/*行业聚焦*/
.hy_bg { background:url(Img/Index/hy_bg.jpg) no-repeat center 0; height:679px;}
.hy_bg .gy_top { padding:43px 0 36px;}
.hy_bg .gy_top a b { font-size:36px; color:#fff;}
.hy_bg .gy_top a em { background:none; color:#fff;}
.hy_con { background:url(Img/Index/hy_bg01.jpg) no-repeat; height:478px;}
.hy_con a { display:block; width:600px; height:239px; float:left; text-align:center;}
.hy_con a b { display:block; font-size:24px; color:#fff; padding:10px 0 16px;}
.hy_con a em { display:block; font-size:16px; color:#fff; width:425px; margin:0 auto; line-height:30px;}
.hy_con a:hover { background:url(Img/Index/hy_bg02.jpg) no-repeat;}
.hy_con .hy_a02:hover { background:url(Img/Index/hy_bg02.jpg) no-repeat -600px 0;}
.hy_con .hy_a03:hover { background:url(Img/Index/hy_bg02.jpg) no-repeat 0 -239px;}
.hy_con .hy_a04:hover { background:url(Img/Index/hy_bg02.jpg) no-repeat -600px -239px;}

/*客户案例*/
.jz_con { width:996px; height:350px;}
.jz_con a { display:block; float:left; width:302px; position:relative; margin-right:30px;}
.jz_con a i { display: none; position:absolute; top:0; left:0;}
.jz_con a:hover i { display:block;}
.jz_con a img { width:302px; height:300px;}
.jz_con a em { display:block; text-align:center; line-height:40px; font-size:14px; color:#333;}
.jz_bt { width:204px; position:relative;}
.jz_bt a b { display:block; position:absolute; top:250px; left:25px; font-size:18px; color:#fff; line-height:30px;}

/*恒伟合作伙伴*/
.hb_list { background:url(Img/Index/hb_topbg.gif) no-repeat; height:57px; margin-bottom:20px;}
.hb_list ul li { float:left;}
.hb_list ul li a { width:400px; height:57px; line-height:50px; text-align:center; font-size:18px; color:#333; display:block;}
.hb_list ul li a:hover,.hb_list ul .cur a { background:url(Img/Index/jz_libg02.gif) no-repeat; color:#fff;}

.hz{ height:743px;}
.hb_con { height:502px}
.hb_con a { display:block; float:left; width:1200px;margin:0 24px 23px 0;}
.hb_con a img { display:block; width:1200px;}
.hb_con .nobor01 { margin:0 0 23px;}  

/*走进恒伟*/
.zj_bg { background:#f4f4f4; height:1100px;}

.zj_con dl { height:430px;}
.zj_con dl dt { float:left; width:585px; height:393px; overflow:hidden;}
.zj_con dl dt a img { width:585px; height:393px;}
.zj_con dd { float: right; width:615px; position:relative; }

.zj_con dd p { position:absolute; top:30px; left:-31px; width:580px; height:240px; line-height:36px; font-size:16px; color:#333;overflow:hidden; padding:35px 40px 0 ; background:#fff;}
.zj_con dd p img { display:block; position:absolute; bottom:0; right:0;}
.zj_con dd i { display:block; margin:333px 0 0 25px;}
.zj_con dd i a { width:96px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#666; border:solid 2px #cfcfcf; display:block; float:left; margin-right:13px;}
.zj_con dd i a:hover,.zj_con dd i .cur { background:#01569b; color:#fff; border:solid 2px #01569b;}

.zz_top { height:40px;}
.zz_top em { display:block; float:right;}
.zz_top em a { font-size:16px; color:#666; text-transform:uppercase;}
.zz_top span { display:block;}
.zz_top span a { font-size:20px; color:#004f98; font-weight: bold;}
.zz_top span a img { display:block; padding:3px 10px 0 0; float:left;}

.zz01 { top:173px; left:-66px;}
.zz01 a { background: url(Img/Index/zz_le01.gif) no-repeat; width:45px; height:45px; display:block;}
.zz01 a:hover { background:url(Img/Index/zz_le02.gif) no-repeat;}

.zz03 { top:173px; right:-66px;}
.zz03 a { background:url(Img/Index/zz_ri01.gif) no-repeat; width:45px; height:45px; display:block;}
.zz03 a:hover { background:url(Img/Index/zz_ri02.gif) no-repeat;}

.zz02 ul li { float:left; padding:0 31px 0 0; display:inline; width:276px;}
.zz02 ul .nobor01 { padding:0;}
.zz02 ul li a img { width:257px; height:368px; padding:7px 5px; border:solid 4px #bababa; background:#fff;}
.zz02 ul li a:hover img { border:solid 4px #004f98;}
.zz02 ul li span { display:block; height:40px; line-height:40px; overflow:hidden; text-align:center;}
.zz02 ul li span a { color:#666; font-size:16px; text-transform:uppercase;}

/*网络分支*/
.wl_con { background:url(Img/Index/wl_bg.gif) no-repeat; height:737px;}
.wl01 { top:230px; left:738px;}
.wl01 i a { background:url(Img/Index/wl_ico01.png) no-repeat; width:20px; height:20px; display:block;}
.wl01:hover i a { background:url(Img/Index/wl_ico02.png) no-repeat;}
.wl01 p { background:url(Img/Index/wl_spbg.png) no-repeat; width:500px; height:410px; position:absolute; top:-240px; left:10px; display:none}
.wl01 p b { padding:44px 0 0 20px; display:block;}
.wl01 p b a { display:block; height:84px; line-height:84px; text-align:center; font-size:24px; color:#fff;}
.wl01 p b a em { font-size:16px; font-weight:normal;}
.wl01 p span { display:block; padding:10px 0 0 85px;}
.wl01 p span a { display:block;  line-height:20px; font-size:14px;}
.wl01 p span a:hover { color:#f36f00}
.wl01:hover p { display:block;}

.wl02 { top:266px; left:658px;}
.wl03 { top:405px; left:725px;}
.wl04 { top:420px; left:762px;}
.wl05 { top: 409px;left: 744px;}
.wl06 { top:456px; left:627px;}
.wl07 { top:613px; left:640px;}
.wl08 { top:650px; left:0; font-size:16px; color:#333; line-height:35px;}

/**/
.dt_bg { background:#f4f4f4; height:535px; margin:45px 0 0;}
.dt_con a { display:block; float:left; width:276px; margin-right:24px; height:340px; background:#fff;}
.dt_con .nobor01 { margin:0;}
.dt_con a b { width:276px; height:204px; display:block; overflow:hidden;}
.dt_con a b img { width:276px; height:204px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dt_con a b img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}
.dt_con a em { display:block; padding:14px; font-size:16px; color:#333; line-height:26px; height:54px; overflow:auto; }
.dt_con a span { display:block; padding:0 14px; font-size:14px; color:#666; line-height:22px; height:44px; overflow:auto; }
.dt_con a span i { color:#f36f00}

/*友情链接*/
.yq { height:100px; line-height:100px; overflow:hidden;}
.yq p { width:1090px; float:left;}
.yq p a { font-size:14px; color:#333; padding-right:60px;}
.yq b { display:block; float:right;}
.yq b a { color:#333;}
.yq p a:hover,.yq b a:hover {color:#f36f00}